<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport"
          content="width=device-width,minimum-scale=1,user-scalable=no,maximum-scale=1,initial-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="description" content=""/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title th:text="${report.title}">外泌体检测报告</title>
    <link rel="stylesheet" href="../../resource/css/baixin.css">
</head>

<body>
<div id="content">
    <div class="page pagetwo">
        <div class="content_page">
            <div class="bt-title" th:text="${report.title}">外泌体检测报告</div>
            <span class="f"></span>
        </div>
    </div>
    <div class="page pageone">
        <div class="content_page">

            <div class="headblock"><span class="img2"></span> <span class="head_text">受检人信息</span></div>
            <div class="lh4"></div>
            <ul class="user_table" style="height: 200px;">
                <div class="fl">
                    <li>姓&nbsp;&nbsp;名:</li>
                    <span th:text="${report.userName}"></span>
                    <li>性&nbsp;&nbsp;别:</li>
                    <span th:text="${report.userGender}"></span>
                    <!--<li>民&nbsp;&nbsp;族:</li>-->
                    <!--<span th:text="${report.nation}"></span>-->
                    <li>年&nbsp;&nbsp;龄:</li>
                    <span th:text="${report.userAge}"></span>
                    <!--<li>个人病史:</li>-->
                    <!--<span th:text="${report.history}">无</span>-->
                </div>
                <div class="fr">
                    <li>条形码:</li>
                    <span th:text="${report.barCode}"></span>
                    <li>样本类型:</li>
                    <span th:text="${report.sampleType}"></span>
                    <li>样本量:</li>
                    <span th:text="${report.sampleAmount}"></span>
                    <li>报告日期:</li>
                    <span th:text="${report.date}"></span>
                </div>
            </ul>

            <div class="lh6"></div>
            <div class="fs11"><span class="color1">特别说明：</span><br>
                <th:block th:utext="${report.special}">
                    1.百信仕提供的检测结果只对本次送检样本负责，对样本的来源不承担任何审查义务及法律责任。如有疑问，请在报告发放5个工作日内与我们联系。<br>
                    2.受检者和送检单位请提供完整、准确、详实的个人资料。因受检者或送检单位提供的用户资料不实或其它误导因素而导致检测服务的中断、筛查结果不准确，本中心对此概不承担责任。 <br>
                    3.对于非百信仕的原因引起的样本异常，而导致的结果不准确，百信仕概不承担责任。 <br>
                    4.本检测结果只供临床参考，不可做为作为临床诊断的依据。<br>
                    5.本结果为科研数据，出具检测报告仅供参考，不做他用。若因送检单位及受检者不当使用该结果，由此可能带来的风险及损失，概由送检单位及受检者承担。 <br>
                    6.百信仕对该结果保密并依法保护用户的隐私，但因受检者个人原因出现的个人信息外泄，百信仕不承担任何责任。 <br>
                    7.受检者在检测过程中及知晓检测结果后，因其自身心理或生理因素而可能引起压力和精神负担，百信仕不承担任何责任。 <br>
                    8.本结果及免责声明最终解释权依法归百信仕所有。
                </th:block>
            </div>

            <div class="lh4"></div>
            <div class="lh6"></div>


            <div class="headblock"><span class="img3"></span> <span class="head_text">检测结果</span></div>
            <div class="lh4"></div>
            <!----> <!----> <!----> <!----> <!----> <!---->

            <b class="color1">1.1癌症目标物检测结果</b><br>
            <div class="lh6"></div>
            <!----> <!----> <!----> <!----> <!----> <!---->
            <table border="1" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="color1">目标物</td>
                    <td class="color1">差异倍数</td>
                    <td class="color1">表达结果</td>
                    <td class="color1">临床意义</td>
                </tr>
                <tbody th:each="item:${report.detections}">
                <tr th:if="${item.isNormal==1}">
                    <td th:text="${item.code}">hsa-miR-423-5p</td>
                    <td th:text="${item.doubles}">-4.118158178</td>
                    <td th:text="${item.expression}">异常下调</td>
                    <td th:text="${item.meaning}">风险增加</td>
                </tr>
                <tr th:if="${item.isNormal==0}">
                    <td th:text="${item.code}">hsa-miR-423-5p</td>
                    <td th:text="${item.doubles}">-4.118158178</td>
                    <td class="red" th:text="${item.expression}">异常下调</td>
                    <td class="red" th:text="${item.meaning}">风险增加</td>
                </tr>

                </tbody>
            </table>
            <div class="lh6"></div>
            <div class="fs11"><span class="color1">结果说明：</span>检测发现受检者样本中<i class="red"
                                                                            th:text="${report.abnormalAmount}">11</i>个癌症目标物异常表达，<i
                    class="red" th:text="${report.normalAmount}">2</i>个癌症目标物未发现明显异常，提示受检者<i
                    class="red" th:text="${report.checkResultTip}">癌症高风险（癌症正常风险）</i>，建议受检者<i class="red"
                                                                                             th:text="${report.checkResultSuggest}">就诊肿瘤科医生，查证是否有早期临床症状，以便及时治疗和预防。（保持良好的生活习惯，注意定期检查身体，出现早期症状，及时就医诊治。）</i>
            </div>
            <div class="lh6"></div>
            <div class="lh4"></div>


            <div id="box">
                <!--<canvas id="myChart"></canvas>-->
                <img th:src="${report.pictureUrl}">
                <div style="text-align: center">癌症目标物差异倍数柱状图</div>
            </div>
            <!----> <!----> <!----> <!----> <!----> <!---->
            <div class="fs11 textjustify">
                <b class="color1">1.2检测结果解读</b><br>
                <th:block th:each="item:${report.detections}">
                    <b class="color1" th:text="${item.code}">2.hsa-miR-25-3p</b><br>
                    <th:block th:utext="${item.explain}">
                        相比野生型的患者，MiR-25-3p在RAS或BRAF基因突变型的甲状腺伴乳头样核特征的非浸润性滤泡性肿瘤患者血浆内异常下调表达，MiR-25-3p异常表达与肿瘤细胞黏附及细胞迁移的相关通路相关，增加非浸润性滤泡性肿瘤风险[2]。受检者的MiR-25-3p异常下调，患癌风险增加。（受检者的MiR-25-3p未发现异常表达，患癌风险正常。）
                    </th:block>
                    <br>
                </th:block>

            </div>


            <div class="lh4"></div>

            <div class="lh6"></div>


            <div class="headblock"><span class="img8"></span> <span class="head_text">检测的科学原理</span></div>
            <div class="lh4"></div>
            <div class="fs11 textjustify" th:utext="${report.theory}">
                1983年，外泌体首次于绵羊网织红细胞中被发现，现指30-100nm的盘状囊泡[151983年，外泌体首次于绵羊网织红细胞中被发现，现指30-100nm的盘状囊泡[15,16]。外泌体起源于内吞途径由细胞分泌的囊泡结构，包括肿瘤细胞在内的几乎所有类型的细胞，都可以产生并释放外泌体。研究表明，肿瘤细胞比健康细胞释放更多的外泌体到血液、乳液、精液、腹水等不同体液中。<br>
                当外泌体在1980年首次被发现时，被认为是细胞排泄废物的一种方式，随着研究的深入，发现外泌体具有多种生物学功能，尤其在肿瘤发生发展中的功能，如免疫调节、转移前微环境形成、肿瘤生长、耐药性调节及外泌体介导的排药等[17-21]。外泌体可携带mRNA、miRNA、双链DNA和蛋白质等生物活性分子，在体液中传播并可被其他细胞吞噬，在细胞间传递信号，并且其包装的独特分子构成决定了要传递给受体细胞的细胞外信号的类型。<br>
                miRNA是外泌体内容物中研究最为广泛的，它是一种非编码小RNA，可以结合到靶mRNA的3‘端，从而调节靶基因的表达。越来越多的证据表明，肿瘤细胞分泌的外泌体miRNA参与了肿瘤发生、生长、侵袭和转移。外泌体中的miRNA由外泌体的膜包被，可以防止被体液中的RNA酶降解，研究表明外泌体miRNA在健康人群、癌前病变人群、肿瘤患者体内差异表达，并参与了肿瘤的发生、生长、侵袭和转移等过程，外泌体miRNA可以作为一种理想的癌症风险标记物[22]。

            </div>

            <div class="lh4"></div>

            <div class="lh6"></div>


            <div class="headblock"><span class="img1"></span> <span class="head_text">疾病概览</span></div>
            <div class="lh4"></div>
            <div class=" fs11 textjustify">
                <th:block th:utext="${report.overview}">
                    <b class="titcolor1">1癌症简介</b><br>
                    在医学上，癌（cancer）是指起源于上皮组织的恶性肿瘤，是恶性肿瘤中最常见的一类。相对应的，起源于间叶组织的恶性肿瘤统称为肉瘤。有少数恶性肿瘤不按上述原则命名，如肾母细胞瘤、恶性畸胎瘤等。一般人们所说的“癌症”习惯上泛指所有恶性肿瘤。2017年中国肿瘤登记年报显示，中国男性高发前十位癌症分别为肺癌、胃癌、肝癌、食管癌、肠癌、前列腺癌、膀胱癌、胰腺癌、淋巴癌、脑癌；中国女性高发前十位癌症分别为乳腺癌、肺癌、肠癌、胃癌、甲状腺癌、肝癌、宫颈癌、食管癌、子宫癌、脑癌。<br>
                    肺癌为当前世界各地最常见的恶性肿瘤之一，肺癌发病率在男性恶性肿瘤中已居首位。肺癌（Lung cancer）是原发性支气管肺癌（Primary bronchogenic
                    carcinoma）的简称，肿瘤细胞源于支气管黏膜上皮或腺体，常有区域性淋巴结转移和血行播散。早期常有刺激性咳嗽、痰中带血等呼吸道症状，病情的进展速度与细胞生物特性有关。<br>
                    胃癌占消化道恶性肿瘤的首位。胃癌（Gastric
                    cancer）是一种起源于胃壁内表层黏膜上皮细胞的恶性肿瘤，可发生于胃的任何部位，但多见于胃窦部，尤其是胃小弯侧，可侵犯胃壁的不同深度和广度，根据癌组织浸润深度分为早期胃癌和进展期胃癌(中、晚期胃癌)。胃癌具有发病率高、早诊率低、复发转移率高、死亡率高和五年生存率低等特点。<br>
                    乳腺癌（Breast
                    cancer）巨中国女性高发癌症之首，是乳腺上皮细胞在多种致癌因子作用下发生了基因突变，致使细胞增生失控之后发生的。乳腺细胞发生突变后便丧失了正常细胞的特性，组织结构紊乱，细胞连接松散，癌细胞很容易脱落游离，随血液或淋巴液等播散全身，形成早期的远端转移，给乳腺癌的临床治愈增加困难。<br>
                    结直肠癌（Colorectal
                    cancer）是发生于结肠、直肠及肛管粘膜上皮的恶性肿瘤，好发部位为直肠及直肠与乙状结肠交界处，根据其发病部位，可以分为肛管直肠癌和结肠癌。结直肠癌是常见的消化道恶性肿瘤。近年来结直肠癌的发病率在逐年增加。<br>
                    癌症具有细胞分化和增殖异常、生长失去控制、浸润性和转移性等生物学特征，其发生是一个多因子、多步骤的复杂过程，分为致癌、促癌、演进三个过程，与吸烟、感染、职业暴露、环境污染、不合理膳食、遗传因素密切相关。
                </th:block>
            </div>


            <div class="lh4"></div>
            <div class="lh6"></div>

            <div class="headblock"><span class="img5"></span> <span class="head_text">参考文献</span></div>
            <div class="lh4"></div>

            <div class="pad fs11 textfamily" th:utext="${report.reference}">
                <div class=" pad fs11 textfamily"><span>[1]</span><span>Plasma levels of microRNA-24, microRNA320a, and microRNA-423-5p are potential biomarkers for colorectal carcinoma. J Exp Clin Cancer Res. 2015 Aug 22;34:86.</span>
                </div>
                <div class=" pad fs11 textfamily"><span>[2]</span><span>Differences in miRNA expression profiles between wild-type and mutated NIFTPs. Endocr Relat Cancer. 2017 Oct;24(10):543-553.</span>
                </div>
                <div class=" pad fs11 textfamily"><span>[3]</span><span>MicroRNA-30d-5p inhibits tumour cell proliferation and motility by directly targeting CCNE2 in non-small cell lung cancer. Cancer Lett. 2015 Jul 1;362(2):208-17. </span>
                </div>
                <div class=" pad fs11 textfamily"><span>[4]</span><span>Micro-RNA Profiling of Exosomes from Marrow-Derived Mesenchymal Stromal Cells in Patients with Acute Myeloid Leukemia: Implications in Leukemogenesis. Stem Cell Rev. 2017 Dec;13(6):817-825.</span>
                </div>
                <div class=" pad fs11 textfamily"><span>[5]</span><span>Circulating microRNAs as potential biomarkers to detect transformation of Barrett's oesophagus to oesophageal adenocarcinoma. BMJ Open Gastroenterol. 2017 Sep 8;4(1):e000160.</span>
                </div>
                <div class=" pad fs11 textfamily"><span>[6]</span><span>MiR-486-5p Downregulation Marks an Early Event in Colorectal Carcinogenesis. Dis Colon Rectum. 2018 Nov;61(11):1290-1296.</span>
                </div>
                <div class=" pad fs11 textfamily"><span>[7]</span><span>MiR-320a-3p/ELF3 axis regulates cell metastasis and invasion in non-small cell lung cancer via PI3K/Akt pathway. Gene. 2018 Sep 5;670:31-37.</span>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="../../resource/js/jquery.min.js?v=2.1.4"></script>
<!--<script src="../../resource/js/Chart.js"></script>-->
<script th:inline="javascript">
    // $(function () {
    //     var n_color = "rgba(68, 114, 196, 1)";
    //     var b_color = "rgba(255, 0, 0, 1)";
    //
    //     var ctx = document.getElementById("myChart").getContext('2d');
    //     var data = [];
    //     var labels = [];
    //
    //     var detections = [[${report.detections}]];
    //     for (var i = 0; i < detections.length; i++) {
    //         labels.push(detections[i].code);
    //         data.push(detections[i].doubles);
    //     }
    //
    //     var backgroundColor = [];
    //     for (var i = 0; i < data.length; i++) {
    //         if (data[i] >= -1 && data[i] <= 1) {
    //             backgroundColor.push(n_color);
    //         }
    //         else {
    //             backgroundColor.push(b_color);
    //         }
    //     }
    //
    //     var width = data.length * 80 + 60;
    //     if (width > 640) width = 640;
    //     $("#box").css("width", width);
    //     $("#box").css("height", width * 0.6);
    //
    //     var myChart = new Chart(ctx, {
    //         type: 'bar',
    //         data: {
    //             labels: labels,
    //             datasets: [{
    //                 label: '目标物表达的差异倍数',
    //                 fillColor: "rgba(0,0,0,0)",
    //                 data: data,
    //                 backgroundColor: backgroundColor,
    //                 borderWidth: 1
    //             }]
    //         },
    //         options: {
    //             scales: {
    //                 yAxes: [{
    //                     ticks: {
    //                         beginAtZero: true
    //                     }
    //                 }]
    //             }
    //         }
    //     });
    // });


</script>
</body>
</html>